@height1: 35px;
@height2: 40px;

atom-panel-container.left, atom-panel-container.right {
  .entries.list-tree {
    li[is="tree-view-git-branch-list"] {
      padding: 10px 0 0 0;

      .header.list-item {
        padding-left: 18px;
        line-height: 30px;
      }

      ol.entries.list-tree {
        background: rgba(0,0,0,0.25);
        border-bottom: solid 1px rgba(0,0,0,0.2);
        box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.15);
        left: 0;
        margin: 0;
        margin-bottom: -5px;
        padding: 0;

        li[is="tree-view-git-branch"] {
          padding: 0 0 0 29px;
          line-height: 25px;
          margin: 0 0 0 0px;

          &.list-item.entry.file {
            color: darken(@tree-view-text-color, 5%);
            height: 30px;

            .name.icon {
              .icon('github', darken(@tree-view-text-color, 50%));
              padding: 0;
              line-height: 16px;
            }

            &:before {
              height: 30px;
              left: 0;
              right: 0;
              z-index: -1;
            }

            // ACTIVE BRANCH
            &:not(.status-ignored) {
              margin-left: 6px;

              &.selected{
                padding-left: 33px;
              }

              .name.icon {
                color: @seti-primary;
                line-height: 22px;
                padding: 0px;
                left: -4px;
                .icon('checkbox', @seti-primary);
                &:before {
                  font-size: 16px;
                  top: 4px;
                  left: -3px;
                }
                font-weight: 500;
              }
              &:before {
                background: @black;
              }
            }
          }
        }
      }
    }
  }
}

atom-workspace.seti-compact {
  @height1: 25px;
  @height2: 25px;
  atom-panel-container.left, atom-panel-container.right {
    .entries.list-tree {
      li[is="tree-view-git-branch-list"] {
        // padding: 0px 0 0 0;
        &::before {
          height: @height1;
        }

        &.collapsed {
          &::before {
            height: @height2;
          }
        }

        .header.list-item {
          padding-left: 17px;
        }

        &.selected{
          &::before {
            height: @height2 !important;
          }
          .name.icon-git-branch {
            line-height: @height1;
          }
        }

        .name.icon-git-branch {
          line-height: @height1;
        }

        ol.entries.list-tree {
          padding-bottom: 5px;
          margin-bottom: -5px;

          li[is="tree-view-git-branch"] {
            padding: 0 0 0 13px;
            line-height: 32px;
            margin: 0 0 0 0px;

            &.list-item.entry.file {
              height: @height1;

              .name.icon {
                line-height: 16px;
              }

              &:before {
                height: @height1;
              }

              // ACTIVE BRANCH
              &:not(.status-ignored) {
                margin-left: 0px;
                &:before {
                  height: @height1;
                  margin-top: 4px;
                }
                .name.icon {
                  line-height: 0px;
                  padding: 0px;
                  left: -4px;
                  &:before {
                    height: 10px;
                    font-size: 16px;
                    top: 4px;
                    left: 0px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
